{% extends "base.html" %}

{% block title %}新增工单{% endblock %}

{% block head %}
{{ super() }}
{% endblock %}

{% block content %}
<!-- 页面头 -->
<section class="content-header">
  <!--头部标题-->
  <h1>
    选择工单类型
    <!--    <small>advanced tables</small>-->
  </h1>
  <!--面包屑-->
  <ol class="breadcrumb">
    <li><a href="/"><i class="fa fa-home"></i> 主页</a></li>
    <li><a href="/job">工单审批</a></li>
    <li class="active">新建工单</li>
  </ol>
</section>

<!-- 页面内容 -->
<section class="content">
  <div class="row">
    <div class="col-xs-12">
      <div class="box ">
        <div class="box-header with-border">
          <h3 class="box-title">K8s微服务</h3>
        </div>
        <div class="box-body">
          <button id="change" type="button" class="btn btn-default btn-lg">服务更新</button>
          &nbsp;
          <button id="add" type="button" class="btn btn-default btn-lg">新建服务</button>
          &nbsp;
          <button id="remove" type="button" class="btn btn-default btn-lg disabled">服务下线</button>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- /.页面内容 -->
{% endblock %}


{% block script %}

<script type="text/javascript">
    $('#change').click(function (e) {
        location.href = '/job/type-1/add'
    });
    $('#add').click(function (e) {
        location.href = '/job/type-2/add'
    });
    // $('#remove').click(function (e) {
    //     bootbox.alert('此功能暂未开放！')
    // });
</script>
{% endblock %}